.viewer-zoom-in:before,
.viewer-zoom-out:before,
.viewer-one-to-one:before,
.viewer-reset:before,
.viewer-prev:before,
.viewer-play:before,
.viewer-next:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen:before,
.viewer-fullscreen-exit:before,
.viewer-close:before {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("");
  background-repeat: no-repeat;
  @include text-hide();
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close";
}
